.content { 
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.view-status-bar {
	width: 100%;
	height: var(--status-bar-height);
}

.uni-navi-bar {
	width: 100%;
	color: #333333;
	background-color: #fafafc;
}

input {
	flex-grow: 1;
	height: 100%;
	font-size: $uni-font-size-base;
}

.flex-column {
	display: flex;
	flex-direction: column;
}


.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.com-lr-padding {
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.com-lr-padding-marginbottom {
	padding-left: 32rpx;
	padding-right: 32rpx;
	margin-bottom: 16rpx;
}

.view-tmp1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300rpx;
	background-color: #FFCCCC;
	margin-bottom: 10rpx;
}

.view-tmp2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300rpx;
	background-color: #CCFFCC;
	margin-bottom: 10rpx;
}

.view-tmp3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300rpx;
	background-color: #99CCFF;
	margin-bottom: 10rpx;
}

.view-tmp4 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300rpx;
	background-color: #EAEAEA;
	margin-bottom: 10rpx;
}

.scroll-view {
	height: 1000rpx;
}

.line {
	width: 100%;
	height: 1rpx;
	background-color: #EBEBEB;
}

.view-menu-item {
	padding-top: 32rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.view-menu-item:active {
	background-color: #f5f5f5;
}

.active:active {
	background-color: #f5f5f5;
}

.view-menu-item-content {
	align-items: center;
	margin-bottom: 32rpx;
}

.view-menu-item-image {
	width: 50rpx;
	height: 50rpx;
	margin-right: $uni-font-size-sm;
}

.image-jump {
	width: 50rpx;
	height: 50rpx;
}

.view-menu-item-text {
	flex-grow: 1;
}

.view-menu-item-line {
	margin-left: 74rpx;
	width: auto;
}

.form-item {
	align-items: center;
	min-height: 100rpx;
}

/* mishang-wg :start*/
.text-form-prefix {
	color: #666666;
	margin-right: 32rpx;
	min-width: 95rpx;
	display: flex;
	flex-shrink: 0;
	font-size: $uni-font-size-base;
}

.form-item-padding {
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.form-item-margin {}

.line-h {
	width: 100%;
	height: 1rpx;
	background-color: #EBEBEB;
}

.line-v {
	width: 1rpx;
	height: 100%;
	background-color: #EBEBEB;
}

.white-card {
	background-color: #FFFFFF;
}

.swiper-box {
	/* flex: 1;
		height: 100%; */
	width: 100%;
}

.placeholder-class {
	color: #d1d1d1;
	/* font-weight: 200; */
}

.text-bottom-btn {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F8C514;
	border-radius: 10rpx;
	margin-left: 32rpx;
	margin-right: 32rpx;
	height: 84rpx;
	width: 92%;
	font-size: $uni-font-size-base;
}

.text-tag {
	background-color: #F8C514;
	color: #FFFFFF;
	font-size: 20rpx;
	border-radius: 30rpx;
	padding-left: 16rpx;
	padding-right: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32rpx;
	padding-bottom: 0.5px;
}

.text-tag-j {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffe6e6;
	color: #f46464;
	font-size: 20rpx;
	line-height: 0rpx;
	width: 28rpx;
	height: 28rpx;
	border-radius: 5rpx;
	border: #f46464 solid 1rpx;
	flex-shrink: 0;
}

.sv-h {
	display: flex;
	flex-direction: row;
	width: auto;
}

.view-base-info-row {
	align-items: center;
	padding-left: 32rpx;
	padding-right: 32rpx;
	margin-bottom: 16rpx;
}

.text-title-prefix {
	display: flex;
	font-size: $uni-font-size-base;
	color: $com-text-color-grey;
	flex-shrink: 0;
}


.image-grid-pic {
	flex-shrink: 0;
	display: flex;
	width: 130rpx;
	height: 130rpx;
	margin-right: 16rpx;
	margin-bottom: 16rpx;
	background-color: #ebebeb;
}

.sv-grid {
	width: 80%;
	height: 276rpx;
	flex-wrap: wrap;
	justify-content: start;
	margin-bottom: 32rpx;
}

.view-grid-pic {
	padding-left: 32rpx;
	padding-right: 32rpx;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}

.text-normal {
	color: $com-text-color-black;
	font-size: $uni-font-size-base;
	flex-shrink: 0;
}

.text-normal-grey {
	color: $com-text-color-grey;
	font-size: $uni-font-size-base;
	flex-shrink: 0;
}

.text-tip1 {
	background-color: #ebebeb;
	color: $com-text-color-grey;
	font-size: $uni-font-size-sm;
	display: flex;
	justify-content: center;
}

.text-small {
	font-size: $uni-font-size-sm;
	color: $com-text-color-black;
}
.text-small-666 {
	font-size: $uni-font-size-sm;
	color: $com-text-color-666;
}
.text-normal-666 {
	font-size: $uni-font-size-sm;
	color: $com-text-color-666;
}
.text-small-grey {
	font-size: $uni-font-size-sm;
	color: $com-text-color-grey;
}
.text-smaller-grey { 
	font-size: 22rpx;
	color: $com-text-color-grey;
}
.text-smaller-placeholder { 
	font-size: $uni-font-size-sm;
	color: $com-text-color-placeholder;
}
.text-blue {
	color: $com-text-color-blue;
}
.view-wrap-h {
	display: flex;
	flex-grow: 1;
}
.view-tip-small-row {
	display: flex;
	flex-direction: row;
	font-size: $uni-font-size-sm;
	color: $com-text-color-grey;
}
.space-avg {
	flex-grow: 1;
}
.center-v {
	align-items: center;
}
/* mishang-wg :end*/

